<template>
  <TbTitle title="二、负责人名单" />
  <el-table size="mini" :header-cell-style="{ background: '#f0f7fc', color: '#000' }" :data="deptTableData" border>
    <el-table-column type="index" align="center" width="70" label="序号">
    </el-table-column>
    <el-table-column prop="directorName" align="center" label="姓名"> </el-table-column>
    <el-table-column prop="directorSex" align="center" label="性别">
      <template #default="scope">
        {{ ['男', '女'][scope.row.directorSex - 1] }}
      </template>
    </el-table-column>
    <el-table-column prop="directorAge" align="center" label="年龄"> </el-table-column>
    <el-table-column prop="directorUnitPosition" align="center" label="工作单位" width="250px">
    </el-table-column>
    <el-table-column width="360" align="center" label="担任社会组织职务">
      <el-table-column prop="directorPositionType" align="center" label="职务类型">
      </el-table-column>
      <el-table-column prop="directorPositionName" align="center" label="职务名称">
      </el-table-column>
    </el-table-column>
    <!-- <el-table-column align="center" label="操作">
      <template #default="scope">
        <el-button link type="primary" size="small" @click.prevent="searchDetail(scope.$index)">
          查看
        </el-button>
      </template>
</el-table-column> -->
  </el-table>
  <div class="msg-tip">
    注：
    <p>
      1.负责人包含担任理事长、副理事长、理事、行政负责人等领导职务，以及对应的职务层级，如会长、副会长、董事长；
    </p>
    <p>2.民办非企业单位行政负责人有且只有一名；</p>
    <p>3.为保护隐私，部分信息不在报告书中显示；</p>
  </div>
</template>

<script setup lang="ts">
import TbTitle from '@/views/yearCheck/components/TbTitle.vue'
import { reactive, ref, inject } from 'vue'
const { getDetailInfo } = inject('getDetailInfo')

let deptTableData = ref([])
getDetailInfo(2).then(res => {
  deptTableData.value = res.data
})
</script>
<style lang="scss" scoped>
.msg-tip {
  padding: 20px 0;
  color: #000;
  font-family: '微软雅黑';
}
</style>
